<template>
    <div>
      <el-pagination
        v-model:current-page="param.currentPage"
        v-model:page-size="param.pageSize"
        :page-sizes="[10, 20, 30, 40]"
        :background="background"
        layout="total, sizes, prev, pager, next, jumper"
        :total="param.total"
        @size-change="callFather"
        @current-change="callFather">
      </el-pagination>
    </div>
</template>
<script>
// 导入组件
export default {
  name: 'Pagination',
  props: {
    pageparam: Object
  },
  data() {
    return {
      param: this.pageparam
    }
  },
  // 注册组件
  // components: {
  //
  // },
  // 函数方法
  methods: {
    callFather(){
      this.$emit("callFather", param)
    }
  },
  // created() {
  //   // 监听
  //   this.$root.Bus.$emit('initBread', [{name:'数据看板',path:'/index'}]);
  //   console.log(this.$store.state.permissions)
  // },
  // beforeCreate() {
  //
  // }
}
</script>
<style >

</style>
